<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>海外帮-房产项目详情</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
	<link rel="stylesheet" href="style/public.css">
	<link rel="stylesheet" href="style/house.css">
</head>
<body>
	
	<div class="header">
		<div class="banner" style="background-image: url('images/banner.jpg');"></div>
		<div class="shadow"></div>
		<div class="header-content">
			<div class="hd-country fl">
				<h1 class="logo"><a href="/"><img src="images/logo.jpg" alt="海外帮"></a></h1>
				<div class="country">
					<a href="">全球</a>
					<a href="">美国</a>
					<a href="">泰国</a>
					<a href="">日本</a>
					<a href="">澳大利亚</a>
					<a href="">新西兰</a>
					<a href="">更多国家</a>
				</div>
			</div>
			<div class="hd-nav fl">
				<ul class="nav-list">
					<li>
						<a href="">海外房产</a>
					</li>
					<li>   
						<a href="">海外移民</a>
					</li>
					<li>   
						<a href="">海外新闻</a>
					</li>
					<li>   
						<a href="">主题活动</a>
					</li>
					<li>   
						<a href="">海外金融</a>
					</li>
					<li>   
						<a href="">海外专家</a>
					</li>
					<li>   
						<a href="">海外就业</a>
					</li>
					<li>   
						<a href="">管家服务</a>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<div class="house-detail">

		<div class="anchor-nav">
			<a href="#information" class="current">楼盘信息</a> |
			<a href="#feature">项目特色</a> |
			<a href="#location">楼盘位置</a> |
			<a href="#traffic">交通情况</a> |
			<a href="#support">项目配套</a> |
			<a href="#houseType">户型介绍</a>
		</div>

		<div class="detail-main clearfix">
			<div class="detail fl">

				<div class="detail-item" id="information">
					<dl class="item-title">
						<dt>楼盘信息</dt>
						<dd>Building Information</dd>
					</dl>
					<div class="item-content">
						<div class="build-desc">楼盘信息楼盘信息楼盘信息楼盘信息楼盘信息楼盘信息楼盘信息楼盘信息楼盘信息楼盘信息楼盘信息楼盘信息楼盘信息楼盘信息楼盘信息</div>
						<div class="build-info">
							<span>使用面积：30平米</span>
							<span>建成时间：2010年1月</span>
							<span>房源类型：共管公寓</span>
							<span>人名币直投：否</span>
							<span>装修状况：精装修</span>
							<span>开发商：绿城</span>
						</div>
					</div>
				</div>

				<div class="detail-item" id="feature">
					<dl class="item-title">
						<dt>项目特色</dt>
						<dd>Project feature</dd>
					</dl>
					<div class="item-content">
						<div class="feature">项目特使内项目特使内容项目特使内容项目特使内容项目特使内容项目特使内容项目特使内容项目特使内容项目特使内容项目特使内容项目特使内容容</div>
						<div class="qrcode">
							<img src="images/qrcode.jpg" alt="">
						</div>
					</div>
				</div>

				<div class="detail-item" id="location">
					<dl class="item-title">
						<dt>楼盘位置</dt>
						<dd>Building Location</dd>
					</dl>
					<div class="item-content">
						<div class="location">
							<img src="images/location.jpg" alt="">
						</div>
					</div>
				</div>

				<div class="detail-item" id="traffic">
					<dl class="item-title">
						<dt>交通情况</dt>
						<dd>Traffic Conditions</dd>
					</dl>
					<div class="item-content">
						<div class="traffic">
							<p>2公里可到达三个地铁站</p>
							<p>步行800米就是公交车站</p>
						</div>
					</div>
				</div>

				<div class="detail-item" id="support">
					<dl class="item-title">
						<dt>项目配套</dt>
						<dd>Project support</dd>
					</dl>
					<div class="item-content">
						<div class="support">
							<div class="supp-item">
								<img src="images/icon01.jpg">
								<span class="sup-cn">游泳池</span>
								<span class="sup-en">Pool</span>
							</div>
							<div class="supp-item">
								<img src="images/icon02.jpg">
								<span class="sup-cn">健身房</span>
								<span class="sup-en">Gymnasium</span>
							</div>
							<div class="supp-item">
								<img src="images/icon03.jpg">
								<span class="sup-cn">地上车库</span>
								<span class="sup-en">Gymnasium</span>
							</div>
							<div class="supp-item">
								<img src="images/icon03.jpg">
								<span class="sup-cn">花园</span>
								<span class="sup-en">Garden</span>
							</div>
						</div>
					</div>
				</div>

				<div class="detail-item" id="houseType">
					<dl class="item-title">
						<dt>户型介绍</dt>
						<dd>House type</dd>
					</dl>
					<div class="item-content">
						<div class="house-type">

							<div class="type-item">
								<img src="images/hx.jpg" alt="" width="150" height="100">
								<div class="gy">
									<span>单身公寓</span>
									<p>其他138㎡<i>(使用面积)</i></p>
								</div>
								<div class="house-price">
									<div class="total">参考总价：<b>￥300万元</b>(43万英镑/㎡)</div>
									<div class="single">单价：￥<b>9</b>万元(1.2万英镑/㎡)</div>
								</div>
							</div>

							<div class="type-item">
								<img src="images/hx.jpg" alt="" width="150" height="100">
								<div class="gy">
									<span>单身公寓</span>
									<p>其他138㎡<i>(使用面积)</i></p>
								</div>
								<div class="house-price">
									<div class="total">参考总价：<b>￥300万元</b>(43万英镑/㎡)</div>
									<div class="single">单价：￥<b>9</b>万元(1.2万英镑/㎡)</div>
								</div>
							</div>


						</div>
					</div>
				</div>


			</div>
			<div class="relate fr">

				<div class="relate-item">
					<div class="ri-title compass-title"><span>相关英国指南</span> <a href="">换一换</a></div>
					<div class="ri-content ri-content-a">

						<div class="compass-item">
							<div class="ri-img">
								<a href=""><img src="images/thumb.jpg" alt="" width="120" height="80"></a>
							</div>
							<div class="ri-info">
								<h3><a href="">文章对应的标题文章对应的标题文章对应的标题</a></h3>
								<p>3320</p>
							</div>
						</div>

						<div class="compass-item">
							<div class="ri-img">
								<a href=""><img src="images/thumb.jpg" alt="" width="120" height="80"></a>
							</div>
							<div class="ri-info">
								<h3><a href="">文章对应的标题文章对应的标题文章对应的标题</a></h3>
								<p>3320</p>
							</div>
						</div>

						<div class="compass-item">
							<div class="ri-img">
								<a href=""><img src="images/thumb.jpg" alt="" width="120" height="80"></a>
							</div>
							<div class="ri-info">
								<h3><a href="">文章对应的标题文章对应的标题文章对应的标题</a></h3>
								<p>3320</p>
							</div>
						</div>

					</div>
				</div>

				<div class="relate-item">
					<div class="ri-title video-title"><span>英国视频</span> <a href="">换一换</a></div>
					<div class="ri-content ri-content-b">

						<div class="video-item">
							<a href=""><img src="images/video-temp.jpg" alt="" width="292" height="165"></a>
							<h3>
								<a href="">视频名称视频名称</a>
							</h3>
							<p>3221</p>
						</div>

						<div class="video-item">
							<a href=""><img src="images/video-temp.jpg" alt="" width="292" height="165"></a>
							<h3>
								<a href="">视频名称视频名称</a>
							</h3>
							<p>3221</p>
						</div>

						<div class="video-item">
							<a href=""><img src="images/video-temp.jpg" alt="" width="292" height="165"></a>
							<h3>
								<a href="">视频名称视频名称</a>
							</h3>
							<p>3221</p>
						</div>


					</div>
				</div>

				<div class="relate-item">
					<div class="ri-title sale-title"><span>附近类似在售房源</span> <a href="">换一换</a></div>
					<div class="ri-content ri-content-c">

						<div class="sale-item">
							<div class="thumb">
								<img src="images/build-temp.jpg" alt="" width="290" height="150">
								<span>￥300万元</span>
							</div>
							<h3>
								<a href="">房源名称·某某小区</a>
							</h3>
							<div class="sale-desc">住房描住房描述住房描述住房住房描述住房描述住房描述描述述住房描述住房住房描述住房描述住房描述描述</div>
							<div class="position">英国伦敦</div>
						</div>

						<div class="sale-item">
							<div class="thumb">
								<img src="images/build-temp.jpg" alt="" width="290" height="150">
								<span>￥300万元</span>
							</div>
							<h3>
								<a href="">房源名称·某某小区</a>
							</h3>
							<div class="sale-desc">住房描述住房描述住房住房描述住房描述住房描述描述</div>
							<div class="position">英国伦敦</div>
						</div>

					</div>
				</div>

				


			</div>
		</div>
	</div>
	
</body>
</html>